<template>
	<view>
		<view class='manpackages'>
			<view class='manpackage'>
				<image src='../../static/logo.png'></image>
				<view class='manpackage-text'>
					<p class='pack'>老年人体检套餐（女）</p>
					<p class='institution'>南方医科大学附属第三…</p>
					<text class='money'>￥998
						<text class='money1'>￥1200</text>
					</text>
				</view>
			</view>
			<view class='manpackage'>
				<image src='../../static/logo.png'></image>
				<view class='manpackage-text'>
					<p class='pack'>老年人体检套餐（女）</p>
					<p class='institution'>南方医科大学附属第三…</p>
					<text class='money'>￥998
						<text class='money1'>￥1200</text>
					</text>
				</view>
			</view>
			<view class='manpackage'>
				<image src='../../static/logo.png'></image>
				<view class='manpackage-text'>
					<p class='pack'>老年人体检套餐（女）</p>
					<p class='institution'>南方医科大学附属第三…</p>
					<text class='money'>￥998
						<text class='money1'>￥1200</text>
					</text>
				</view>
			</view>
			<view class='manpackage'>
				<image src='../../static/logo.png'></image>
				<view class='manpackage-text'>
					<p class='pack'>老年人体检套餐（女）</p>
					<p class='institution'>南方医科大学附属第三…</p>
					<text class='money'>￥998
						<text class='money1'>￥1200</text>
					</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
</script>

<style lang="less">
	.manpackages {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;

		.manpackage {
			margin-top: 20rpx;
			image {
				width: 330rpx;
				height: 310rpx;
			}

			.manpackage-text {
				margin-top: 15rpx;

				.pack {
					font-size: 30rpx;
				}

				.institution {
					font-size: 25rpx;
					color: rgba(00, 00, 00, 0.5);
					width: 250rpx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.money {
					font-size: 26rpx;

					.money1 {
						font-size: 24rpx;
						color: rgba(00, 00, 00, 0.5);
						text-decoration: line-through;
					}
				}
			}
		}
	}
</style>